import ThemeHeaderRCM from "@/components/theme-header-rcm";
import TopRanking from "@/components/top-ranking";
import React, { memo } from "react";
import PropTypes from "prop-types";
import { RecommendRankingWrapper } from "./style";

const RecommendRanking = memo((props) => {
  const { rankings } = props;
  return (
    <RecommendRankingWrapper>
      <ThemeHeaderRCM title="榜单" />
      <div className="content">
        <TopRanking results={rankings?.upRanking} />
        <TopRanking results={rankings?.newRanking} />
        <TopRanking results={rankings?.originRanking} />
      </div>
    </RecommendRankingWrapper>
  );
});

RecommendRanking.propTypes = {
  rankings: PropTypes.object,
};

export default RecommendRanking;
